<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title><spring:message code="UserManage" /></title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<%@include file="/WEB-INF/jsp/common/BasePath.jsp"%>
<%@include file="/WEB-INF/jsp/common/BootstrapImport.jsp"%>
<link rel="stylesheet" href="resources/plugins/datatables/theme/bootstrap3/dataTables.bootstrap.min.css" />
<link rel="stylesheet" href="resources/plugins/select2/select2.min.css">
<link rel="stylesheet"  href="resources/plugins/bwizard/bootstrap-wizard.css" />
<link rel="stylesheet" href="resources/plugins/jstree/themes/default/style.css" />
<link rel="stylesheet" href="resources/plugins/nmscheckbox/nmscheckbox.css" />
</head>
<body class="">

<%@include file="/WEB-INF/jsp/common/Header.jsp"%>

    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">

            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-5">
                        <h2 class="tittle-content-header">
                            <i class="icon-media-record"></i> 
                            <span><spring:message code="UserManage" /></span>
                        </h2>
                    </div>
                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">
                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                               <spring:message code="Manage user account" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ TITLE -->

            <div class="content-wrap">
                <div class="row">

                   <div class="domab" style="margin-top: 5px;">

						<div class="row-fluid">
							<div class="span12">
								<div class="btn-toolbar form-inline">
								
									<button type="button" class="btn btn-primary btn-sm"
										id="button2">
										<i class="glyphicon glyphicon-plus"></i>
										<spring:message code="Add_NMSUser" />
									</button>
									<button type="button" class="btn btn-danger btn-sm"
										id="button1">
										<i class="glyphicon glyphicon-minus"></i><spring:message code="Batch_remove" />
									</button>	
										
									<div class="pull-right">
										<div class="input-group input-group-sm" >
										  <span class="input-group-btn">
											<button type="button" class="btn btn-default btn-sm"
												id="btn-simple-search">
												<i class="glyphicon glyphicon-search"></i>
											</button>
										  </span>
										  <input type="text" id="fuzzy-search" class="form-control" placeholder="<spring:message code="fuzzyQuery" />">
										</div>
									</div>
						
								
									
								</div>
							</div>
							<br>
						</div>

						<div
							style="float: left; position: relative; z-index: 9999; height: 100%;">
						</div>
						<div style="clear: both;"></div>
					</div>

					<div class="wt100"
						style="position: relative; overflow: hidden; height: 100%">
						<table id="userlist"
							class="table table-striped table-bordered table-hover table-condensed">
							<thead>
								<tr>
									<th>#</th>
									<th>
										<input type="checkbox" id="checkAll"
											class="nmsckb nmsCheckboxS"
											onchange=""> <label
											for="checkAll"></th>
									<th><spring:message code="Username" /></th>
									<th><spring:message code="Phone" /></th>
									<th><spring:message code="Email" /></th>
									<%-- <th><spring:message code="createTimestamp" /></th>
									<th><spring:message code="lastUpdateTimestamp" /></th> --%>
									<th><spring:message code="user_remark" /></th>
									<th><spring:message code="UserStatus" /></th>
									<%-- <th><spring:message code="lastLoginTime" /></th>
									<th><spring:message code="loginNum" /></th> --%>
									<th><spring:message code="UserOper" /></th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
					<div id="adduser"
						style="display: none; position: relative; top: 10px; left: 80px; width: 300px; height: 100px;">
					
						<form role="form" class="form-inline">
							<div class="form-group">
								<label style="width: 80px" for="username"><spring:message code="Username:" /></label> <input
									type="text" class="form-control input-sm input-sm-width"
									id="username" placeholder="<spring:message code="Please input user name" />">

							</div>
							<br /> <br />
							<div class="form-group">
								<label style="width: 80px" for=upass><spring:message code="Password:" /></label> <input
									type="password" class="form-control input-sm input-sm-width"
									id="passward" placeholder="<spring:message code="Please input user password" />">

							</div>
							<br /> <br />


							<button type="button" class="btn btn-info btn-sm col-sm-offset-4"
								onclick="sysUserJs.saveUser()"><spring:message code="addComfirm" /></button>


						</form>
					</div>

					<div id="editUserInfo"
						style="display: none; position: relative; top: 10px; ">
						
						<form role="form" class="form-inline" id="editUserInfoForm">
							<div class="form-group col-md-6">
								<label for="username_" style="width: 100px"><spring:message code="Username:" /></label> <input
									type="text" class="form-control" id="username_" readonly="readonly"
									placeholder="<spring:message code="" />">
							</div>
							<div class="form-group col-md-6">
								<label for="userStatus" style="width: 100px"><spring:message code="UserStatus:" /></label> 
								<label class="radio-inline"> 
									<input type="radio"
									name="userStatus" id="userStatus1" value="1" checked>
									<label style="" for="userStatus1"><spring:message code="normal" /></label>
								</label> 
								<label class="radio-inline"> <input type="radio"
									name="userStatus" id="userStatus2" value="2"> 
									<label style="" for="userStatus2"><spring:message code="frozen" /></label>
								</label>
							</div>
							
							<div class="form-group col-md-12">
								<p style="margin: 5px"></p>
							</div>
							
							<div class="form-group col-md-6">
								<label for="createTime" style="width: 100px"><spring:message code="createTimestamp" />:</label> <input
									type="text" class="form-control" id="createTime" readonly="readonly"
									placeholder="<spring:message code="" />">
							</div>
							<div class="form-group col-md-6">
								<label for="userPhone" style="width: 100px"><spring:message code="Phone" />:</label> <input
									type="text" class="form-control" id="userPhone"
									placeholder="<spring:message code="user_phone" />">
							</div>
							
							<div class="form-group col-md-12">
								<p style="margin: 5px"></p>
							</div>
							
							<div class="form-group col-md-6">
								<label for="lastUpdateTimestamp" style="width: 100px"><spring:message code="lastUpdateTimestamp" />:</label> <input
									type="text" class="form-control" id="lastUpdateTime" readonly="readonly"
									placeholder="<spring:message code="" />">
							</div>
							<div class="form-group col-md-6">
								<label for="userEmail" style="width: 100px"><spring:message code="Email" />:</label> <input
									type="text" class="form-control" id="userEmail"
									placeholder="<spring:message code="user_email" />">

							</div>
							
							<div class="form-group col-md-12">
								<p style="margin: 5px"></p>
							</div>
							
							<div class="form-group col-md-6">
								<label for="lastLoginTime" style="width: 100px"><spring:message code="lastLoginTime" />:</label> <input
									type="text" class="form-control" id="lastLoginTime" readonly="readonly"
									placeholder="<spring:message code="" />">
							</div>
							<div class="form-group col-md-6">
								<label for="userRemark" style="width: 100px"><spring:message code="remark:" /></label> <input
									type="text" class="form-control" id="userRemark"
									placeholder="<spring:message code="user_remark" />">
							</div>

							<div class="form-group col-md-12">
								<p style="margin: 5px"></p>
							</div>
							
							<div class="form-group col-md-6">
								<label for="loginCounter" style="width: 100px"><spring:message code="loginNum" />:</label> <input
									type="text" class="form-control" id="loginCounter" readonly="readonly"
									placeholder="<spring:message code="" />">
							</div>
							<div class="form-group col-md-6">
								<label for="password" style="width: 100px"><spring:message code="Password:" /></label> <input
									type="password" class="form-control" id="password"
									placeholder="<spring:message code="Input if you want to modify" />">
							</div>

							<div class="form-group col-md-12">
								<p style="margin: 5px"></p>
							</div>

							<div class="form-group col-md-6">
								<label for="grantRoles" style="width: 100px"><spring:message code="grantRole:" /> </label> 
								<select id="grantRoles"  multiple="multiple" >
									<option></option>
								</select>
							</div>
							<div class="form-group col-md-6">
								<label for="password2" style="width: 100px"><spring:message code="Password Again" />:</label> <input
									type="password" class="form-control" id="password2"
									placeholder="<spring:message code="Please input again" />">
							</div>

							<div class="form-group col-md-12">
								<hr>
							</div>
							
							<div class="form-group col-md-12" align="center">
								<button type="button" class="btn btn-info btn-sm"
								onclick="sysUserJs.saveUserChange()"><spring:message code="revampComfirm" /></button>
							</div>
							
						</form>
					</div>

                </div>
                <!-- /END OF CONTENT -->

            </div>
        </div>
        <!--  END OF PAPER WRAP -->
        
        <!-- RIGHT SLIDER CONTENT -->
       <!--  <div class="sb-slidebar sb-right" id="rightContentDiv">
            <div class="right-wrapper">
                <div class="row">
                    <h3>
                        <span><i class="entypo-gauge"></i>&nbsp;&nbsp;MAIN WIDGET</span>
                    </h3>
                    <div class="col-sm-12">

                    </div>
                </div>
            </div>

            <div style="margin-top:0;" class="right-wrapper">
                <div class="row">
                    <h3>
                        <span><i class="entypo-chat"></i>&nbsp;&nbsp;CHAT</span>
                    </h3>
                    <div class="col-sm-12">
                       
                    </div>
                </div>
            </div>
        </div> -->
        <!-- END OF RIGHT SLIDER CONTENT-->
	</div>
	
	<%-- 创建用户 --%>
<!-- ##########Wizard Begin############# -->
<div class="row">
		<div class="wizard" id="createUserWizard" data-title="<spring:message code="Create User" />">	
			<div class="wizard-card" data-cardname="card1">
				<h3><spring:message code="Create User" /></h3>
				<form  class="form-horizontal" role="form"  > 
					<div class="form-group">
						<label class="col-sm-3 control-label"><spring:message code="Username" /></label>
						<div class="col-sm-6">
							<input type="text"  class="form-control input-sm" id="w_username"   />  
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"><spring:message code="Password" /></label>
						<div class="col-sm-6">
							<input type="password" class="form-control input-sm" id="w_passward" />  
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"><spring:message code="Password Again" /></label>
						<div class="col-sm-6">
							<input type="password"  class="form-control input-sm" id="w_passwardAgain"  />  
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"><spring:message code="Select Role" /></label>
						<div class="col-sm-4">
							<select id="w_roleList"  multiple="multiple" >
									<option></option>
							</select>
							
						</div>
						<a onclick="sysUserJs.createRole()" class="col-sm-2 control-label" style="cursor: pointer;"><spring:message code="Create Role" /></a>
					</div>
				</form>
			</div>

			<div class="wizard-card" data-cardname="card2">
				<h3><spring:message code="Edit Info" /></h3>
				<form  class="form-horizontal" role="form"  > 
					<div class="form-group">
						<label class="col-sm-3 control-label"><spring:message code="Phone" /></label>
						<div class="col-sm-6">
							<input type="text"  class="form-control input-sm" id="w_phone"   />  
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"><spring:message code="Email" /></label>
						<div class="col-sm-6">
							<input type="text" class="form-control input-sm" id="w_email" />  
						</div>
					</div>
				</form>
			</div>

			<div class="wizard-success">
					<div class="alert alert-success">
						<span class="create-server-name"></span> <spring:message code="Create User"/>
							<strong><spring:message code="Successfully"/>.</strong>
					</div>
					<a class="btn btn-default w_createNewUser" ><spring:message code="Create Another User"/></a> 
					<span style="padding: 0 10px"><spring:message code="Or"/></span> 
					<a	class="btn btn-success w_closeModal" id=""><spring:message code="Done"/></a>
			</div>
			
				<div class="wizard-failure">
					<div class="alert alert-danger">
						<strong><spring:message code="There was a problem"/></strong>
						<spring:message code="Please try again in a minute."/>
					</div>
					<a class="btn btn-default w_createNewUser2" ><spring:message code="Retry"/></a> 
					<span style="padding: 0 10px"><spring:message code="Or"/></span> 
					<a	class="btn btn-default w_closeModal" ><spring:message code="Done"/></a>
				</div>

		</div>
		<div id="w_addroleDiv" style="display:none;margin-left: auto; margin-right: auto;width:790px;">
			<div style="width:100%; ">
			<div style=" width: 35%;  float: left;" id="">
				<form class="form-inline" role="form">

							<div class="form-group">
								<label style="width: 80px" class="" ><spring:message
										code="RoleName:" /></label> <input type="text" id="w_newRolename"
									value="" placeholder="<spring:message code="RoleName:"/>"
									class="form-control input-sm input-sm-width" />
							</div>
							<br /> <br />

							<div class="form-group">

								<label style="width: 80px" class="" ><spring:message
										code="Roleremark:" /></label> <input type="text" id="w_newRoleremark"
									value="" placeholder="<spring:message code="Roleremark:"/>"
									class="form-control input-sm input-sm-width" style="" />
							</div>
						</form>
			</div>
			<div style=" width: 65%;  float: left;" id="">
						<div class="input-group">
								<button id="openall" onclick="sysUserJs.openAll()"
									class=" btn btn-default  btn-sm space-on-the-left ">
									<spring:message code="Openall" />
								</button>
								<button id="closeall" onclick="sysUserJs.closeAll()"
									class=" btn btn-default btn-sm space-on-the-left ">
									<spring:message code="Closeall" />
								</button>

							</div>
				<div class="mCustomScrollbar" data-mcs-theme="dark" id="w_authtreeScroll" style="height:350px">
								<div id="w_authtree"></div>
				</div>
		
			</div>
		
		</div>

		
</div>
</div>
<!-- ##########Wizard End############# -->

<%@include file="/WEB-INF/jsp/common/Footer.jsp"%>
<%@include file="/WEB-INF/jsp/common/JQueryImport.jsp"%>
<%@include file="/WEB-INF/jsp/system/UserRoleI18n.jsp"%>
	<script src="resources/plugins/datatables/js/jquery.dataTables.js"></script>
	<script
		src="resources/plugins/datatables/theme/bootstrap3/dataTables.bootstrap.min.js"></script>
	<script type="text/javascript" src="resources/js/system/User.js"></script>
	<script src="resources/plugins/jstree/jstree.js"></script>
	<script src="resources/plugins/perfect-scrollbar-0.4.10/jquery.mousewheel.js"></script>
	<script src="resources/plugins/perfect-scrollbar-0.4.10/perfect-scrollbar.js"></script>
	<script src="resources/plugins/select2/select2.min.js"></script>
	<script type="text/javascript" src="resources/plugins/bwizard/bootstrap-wizard.js"></script>
	<script src="resources/plugins/nmscheckbox/nmscheckbox.js"></script>
	<script type="text/javascript"></script>
</body>
</html>
